<!DOCTYPE html>
<html lang="zh-CN">
<!--告诉浏览器语言类型-->

<head>
    <meta charset="UTF-8">
    <!--定义字符集编码类型-->
    <title>网页标题</title>
    <style>
        ul li {
            list-style: none;
            float: left;
        }
        
        ul li:nth-child(even) {
            width: 1px;
            height: 10px;
            background-color: red;
            margin: 5px 20px;
        }
    </style>

</head>

<body>
    <ul>
        <li>第一</li>
        <li></li>
        <li>第二</li>
        <li></li>
        <!-- 对li设置高和宽和颜色,实现红色小竖线 -->
        <li>第三</li>
        <li></li>
    </ul>
</body>

</html>